.module-tuijian{
  @extend %pageSection;
  @include max767 {
    &{
      height: auto;
    }
  }
  background: #fff;
  .container-full{
    width: 100%;
    height: 100%;

    .big-image-wrapper,
    .prod-list-wrapper{
      width: 50%;
      height: 100%;
      float: left;
      @include max767 {
        &{
          width: 100%;
        }
      }
    }

    .prod-list-wrapper{
      .title{
        text-align: center;
        span{
          font-size: 24px;
          line-height: 60px;
          color: #323237;
          font-family: "HelveticaNeueLTPro-ThEx33";
        }
        a{
          float: right;
          margin-right: 30px;
          line-height: 34px;
          font-size: 16px;
          background: #00d7ff;
          padding: 0 30px;
          color: #fff;
          text-decoration: none;
          cursor: pointer;
          margin-top: 10px;
        }
      }

      .prod-list{
        color: #323237;
        li.list-item{
          width: 50%;
          float: left;
          height: 367px;
          cursor: pointer;
          border-top: 1px solid #e5e5e5;
          
          img{
            transition: all .3s;
          }
          &:hover{
            img{
              transform:scale(1.2);
            }
            .bike-name-link{
              color: #fff!important;
              background: #00d7ff;
            }
          }
          @include max767 {
            &{
              width: 100%;
            }
          }
          &:nth-child(even){
            border-left: 1px solid #e5e5e5;
          }

          .prod-entry{
            width: 100%;
            padding-top: 50px;
            text-align: center;
            .bike-name{
              text-align: center;
              padding-top: 30px;
              .bike-name-link{
                color: #323237;
                font-size: 16px;
                line-height: 36px;
                display: inline-block;
                padding: 0 50px;
                border: 1px solid #00d7ff;
                cursor: pointer;
                text-decoration: none;

                &:hover{
                  color: #fff;
                  background: #00d7ff;
                }
              }
            }
          }
        }
      }
    }
  }
}

#big-image-link{
  display: inline-block;
  width: 100%;
  height: 100%;
}